@CHARSET "UTF-8";

/* .header */
.header {
    position: fixed;
    z-index: 998;
    background: white;
    width: 100%;
    left: 0;
}
.header .topbar .logo img {
    display: none;
}
.header .topbar .logo span {
    display: none;
}
.header .bds {
    position: absolute;
    bottom: -6px;
    height: 6px;
    width: 100%;
    left: 0;
    background: transparent url('../imgs/shadow_bottom.png') repeat-x;
}
.header {
    height: 150px;
}
.header .topbar .logo {
    position: absolute;
    z-index: 999;
    left: 70px;
    top: 50px;
}
.header .topbar .logo span {
    display: none;
}
.header .topbar .logo img {
    display: block;
}
.header .topbar .menu {
    position: absolute;
    right: 90px;
    top: 55px;
    *top:55px; /* IE7 */
    
}
.header .topbar .menu ul li {
    float: left;
    padding: 5px 0px;
    margin: 0 0 0 20px;
}
.header .topbar .menu ul li:hover {
    cursor: pointer;
    border-bottom: 3px #37c878 solid;
}
.header .topbar .menu ul li.active {
    color: black;
    border-bottom: 3px #37c878 solid;
}

/* end.header */

/* .main */
.main {
    top: 150px;
}
/* end.main */


/* .cn-btn */
.main .cn-btn{position:fixed;right:0px; top:35%; z-index:999; width:50px;height:50px;background:url('../imgs/btn-cn.png') no-repeat center center; }
.main .cn-btn:hover{cursor:pointer;}
/* .cn-btn */


/* .text */
.main .text {
    zoom:1;
    /*display:inline;*/
    letter-spacing: 3px;
    padding: 60px 0;
    font-size: 35px;
    
}

.main .text .triangle {
    width: 53px;
    height: 27px;
    position: relative;
    background: url('../imgs/picto_triangle.png') no-repeat center bottom;
    top: 86px;
    margin: 0 auto;
}
/* end .text */

/* .works */
.workItem{max-width:760px; float:left;padding: 20px 35px;}
.workDescription{text-align:left;padding: 20px 20px;}
/* end .works */

/* .reference */
.main .reference_item {
    float: left;
    padding: 12px 14px;
}
.main .reference .reference_container {
    text-align: left;
    width: 760px;
    display: inline-block;
    zoom:1
    *display:inline;
    font-size: 15px;
   
}
.main .reference .reference_container .subtitle {
    padding: 0 0 0 14px;
    text-align: left;
    font-size: 32px;
}

.main .reference_item li {
    text-align: left;
    line-height: 2;
   
}
.main .reference_item li a {
    text-decoration: none;
    color: #fff;
    text-align: left;

}

/* end.reference */

/* .team */
.main .team .team_container {
    
    display: inline-block;
    zoom:1;
    *display:inline;
    font-size: 40px;
    
}
.main .team .slogan {
    margin-top: 30px;
}
.main .team .slogan span {
    color: #37c878;
}
.main .team .team_btn {

    display: inline-block;
    padding: 20px 0 0 0;
}
.main .team .team_btn li {
    position:relative;
    float: left;
    padding: 0px 26px;
}
.main .team .triangle {
    width: 53px;
    height: 27px;
    position: relative;
    background: url('../imgs/picto_triangle.png') no-repeat center bottom;
    top: 26px;
    margin: 0 auto;
}
/* end .team */

/* .followus */
.main .followus .contact {
    padding: 14px 0 80px 0px;
}
.main .followus .contact .contact_container {
    width: 760px;
    display: inline-block;
    font-size: 20px;
    color: #7A7A7A;
}
.main .followus .contact .contact_container .picto_telephone {
    background: url('../imgs/contact_telephone.png') no-repeat;
    padding: 8px 0 10px 27px;
    margin-right: 40px;
}
.main .followus .contact .contact_container .picto_mail {
    background: url('../imgs/contact_mail.png') no-repeat 0px 4px;
    padding: 4px 0 5px 40px;
}
.main .followus .contact .contact_container .picto_mail a {
    color: #7A7A7A;
    text-decoration: none;
}
.main .followus .contact .contact_container .picto_mail a:hover {
    color: #272727;
    text-decoration: underline;
}
.main .followus .subtitle {
    color: #7a7a7a;
    font-size: 42px;
}
.main .followus .followus_btn {
    display: inline-block;
    zoom:1;
    *display:inline;
}
.main .followus .followus_btn li {
    float: left;
    padding: 0px 10px;
    margin-top: 10px;
}
/* end.followus */

